<template>
    <view class="p-top24 p-bot180">
        <Sharer></Sharer>
        <Cradinfo></Cradinfo>
        <Server-Content></Server-Content>
        <Richtext></Richtext>
        <view class="footer">
            <view class="Verification" @click="Verification">立即核销</view>
        </view>
    </view>
</template>

<script>
    import Sharer from '@/components/subCard/Sharer.vue'
    import Cradinfo from '@/components/subCard/Cradinfo.vue'
    import ServerContent from '@/components/subCard/ServerContent.vue'
    import Richtext from '@/components/subCard/Richtext.vue'
    import { Modal } from '@/common/utils'
    export default {
        components: { Sharer, Cradinfo, ServerContent, Richtext },
        data() {
            return {}
        },
        methods: {
            async Verification() {
                const isConfirmed = await Modal({
                    content: '确定要核销吗？',
                })
                if (!isConfirmed) return
                console.log('确定')
            },
        },
    }
</script>

<style>
    page {
        background-color: #f2f2f2;
    }
</style>
<style lang="scss" scoped>
    .footer {
        width: 100%;
        background-color: #ffffff;
        padding-top: 20rpx;
        padding-bottom: calc(30rpx + constant(safe-area-inset-bottom));
        padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        display: flex;
        justify-content: center;
        .Verification {
            width: 320rpx;
            height: 90rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            font-size: 32rpx;
            background-color: #169bd5;
            border-radius: 10rpx;
        }
    }
</style>
